<aside class="main-sidebar">
    <!-- sidebar-->
    <section class="sidebar">

        <!-- sidebar menu-->
        <ul class="sidebar-menu" data-widget="tree">
            <li class="user-profile treeview">
                <a href="index.html">
                    <img src="../../../images/user5-128x128.jpg" alt="user">
                    <span>MARK</span>
                    <span class="pull-right-container">
                  <i class="fa fa-angle-right pull-right"></i>
                </span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="javascript:void()"><i class="fa fa-user mr-5"></i>My Profile </a></li>
                    <li><a href="javascript:void()"><i class="fa fa-money mr-5"></i>My Balance</a></li>
                    <li><a href="javascript:void()"><i class="fa fa-envelope-open mr-5"></i>Inbox</a></li>
                    <li><a href="javascript:void()"><i class="fa fa-cog mr-5"></i>Account Setting</a></li>
                    <li><a href="javascript:void()"><i class="fa fa-power-off mr-5"></i>Logout</a></li>
                </ul>
            </li>
            <li class="header nav-small-cap">PERSONAL</li>
            <li class="treeview active">
                <a href="#">
                    <i class="fa fa-shopping-cart"></i>
                    <span>e-Commerce</span>
                    <span class="pull-right-container">
                  <i class="fa fa-angle-right pull-right"></i>
                </span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="products.html"><i class="fa fa-circle-thin" id="products"></i>Products</a></li>
                    <li><a href="orders.html"><i class="fa fa-circle-thin" id="orders"></i>订单管理</a></li>
                    <li><a href="product-details.html"><i class="fa fa-circle-thin" id="product-details"></i>Product Details</a></li>
                    <li><a href="product.html"><i class="fa fa-circle-thin" id="product"></i>商品管理</a></li>
                    <li><a href="category.html"><i class="fa fa-circle-thin" id="category"></i>类别管理</a></li>

                </ul>
            </li>
        </ul>
    </section>
</aside>
<script>
    let url = window.location.href;/*http://localhost:63342/shop_HTML/ec/pages/ecommerce/category.html*/
    url = url.split("/").pop();/*category.html*/
    let target = url.split(".").shift();/*category*/
    $("#"+target).attr("class", "glyphicon glyphicon-hand-right text-success");
    $("#"+target).attr("color", "blue");
</script>
